	@charset "UTF-8";
	body,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,img {margin: 0;padding: 0}

	html {
		width: 100%;
		min-height: 100%;
		text-align: justify;
		overflow-x: hidden
	}

	.body {
		background: linear-gradient(#2D78EB, #C5EFFF, #FFF);
		min-width: 1200px;
		overflow: auto hidden;
		flex: 1
	}

	.mt30,
	.mt40 {
		margin-top: 30px
	}

	.mt40 {
		margin-top: 40px
	}

	input:focus {
		outline: 0
	}

	input:-webkit-autofill,
	textarea:-webkit-autofill,
	select:-webkit-autofill {
		background-color: #fff;
		background-image: none;
		color: #000
	}

	input:-webkit-autofill,
	input:-webkit-autofill:focus {
		-webkit-box-shadow: 0 0 0 1000px #fff inset !important;
		box-shadow: 0 0 0 1000px #fff inset !important
	}

	.header {
		display: flex;
		flex-direction: column;
		align-items: center
	}

	.header .icon-logo {
		margin-top: 26px
	}

	.footer {
		width: 100%;
		background: #fff;
		padding: 20px 0;
		overflow: hidden
	}

	.footer p {
		font-size: 12px;
		color: #333;
		line-height: 20px;
		text-align: center
	}

	.c-center {
		width: 100%;
		height: calc(100vh - 186px);
		position: relative;
		background: #72a0fe \9
	}
	
	.searchs {
        display: flex; justify-content: center; align-items: center; width: 100%;
	}

	.cen-form,
	.cen-form2 {
		min-height: 560px;
		background: #fff;
		margin: auto;
		padding-bottom: 50px;
		position: relative;
	}

	.cen-form {
		width: 900px
	}

	.cen-form2 {
		width: 1200px
	}

	.ckhead {
		width: 100%;
		border-bottom: 1px solid #e3ebff;
		background: #f7faff;
		color: #333;
		font-size: 24px;
		text-align: center;
		padding: 15px 0 12px
	}

	.ckhead span {
		font-size: 16px;
		color: gray
	}

	.ckfoot {
		width: 100%;
		*width: 780px;
		border-bottom: 1px solid #e3ebff;
		background: #f8f8f8;
		color: #333;
		font-size: 12px;
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 10px 0;
		line-height: 30px
	}

	.form {
		padding-top: 70px;
		width: 490px;
		margin: auto
	}

	.ckbd {
		height: 40px;
		line-height: 40px;
		margin-bottom: 10px
	}

	.ckleft {
		float: left;
		color: #666;
		text-align: right;
		min-width: 120px
	}

	.ckright,
	.cipnut {
		float: left;
		width: 310px;
		height: 40px
	}

    .card-container {
        display: flex;
        justify-content: center;
        margin-top: 30px;
    }
    
	.cipnut {
		*height: 37px;
		border: 1px solid #ddd;
		border-radius: 3px;
		padding-left: 20px
	}

	.inquire {
		width: 310px;
		height: 40px;
		margin-left: 120px;
		*margin-left: 0;
		background: #1879D2;
		color: #fff;
		font-size: 16px;
		border: 0;
		border-radius: 3px;
		cursor: pointer
	}

	.inquire:hover {
		background: #0056b3
	}
	
	/*防止图片预览穿透*/
    .el-table .el-table__cell {
        position: static !important;
    }

	.footer_bottom {
		width: 100%;
		height: 40px;
		background: #e8f9ff
	}

	.footer_bottom_box {
		width: 1200px;
		margin: 0 auto;
		height: 40px;
		line-height: 40px;
		text-align: center
	}

	.footer_bottom_box a,
	.footer_bottom_box span {
		font-size: 13px;
		color: #333;
		margin-left: 15px
	}

	.footer_bottom_box img {
		box-sizing: border-box;
		vertical-align: middle
	}

	.floating-left,
	.floating-right {
		position: fixed;
		top: 5px;
		z-index: 90
	}

	.floating-left {
		left: 5px
	}

	.floating-right {
		right: 10px
	}

	@media (max-width:750px) {
		html {
			font-size: 4.5%
		}

		body {
			font-size: 14px
		}

		.body {
			overflow-x: hidden;
			overflow-y: auto;
			calc(100vh - 100px);
			min-width: 100vw;
			width: 100vw
		}

		.body::-webkit-scrollbar {
			display: none
		}

		.header {
			height: 64px
		}

		.header .top-main {
			width: 70vw
		}

		.header .icon-logo {
			width: 70vw;
			margin-top: 20px
		}

		.c-center {
			min-height: 630px
		}

		.footer {
			height: auto;
			padding: 0
		}

		.met20 {
			margin-top: 20px
		}

		.header img {
			max-width: 100%
		}

		.ckhead {
			border-radius: 10px 10px 0 0;
			display: flex;
			justify-content: center;
			flex-direction: column;
			font-size: 16px;
			line-height: inherit
		}

		.ckhead p {
			line-height: 24px
		}

		.ckhead span {
			font-size: 14px;
			line-height: 28px
		}

		.cen-form {
			width: 90%;
			border-radius: 10px
		}

		.form {
			width: 100%;
			padding-top: 20px
		}

		.ckbd {
			height: auto;
			padding-left: 15%;
			font-size: 14px
		}

		.ckleft {
			float: initial;
			text-align: left
		}

		.ckright {
			float: initial
		}

		.cipnut {
			padding-left: 5px;
			width: 80%
		}

		.inquire {
			margin-left: 0;
			width: 80%
		}

		.footer .mid {
			width: auto;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap
		}

		.footer .fofl,
		.footer .fofr {
			width: auto;
			float: left;
			padding-top: 10px
		}

		.ckfoot {
			padding: 0
		}

		.footer_bottom {
			height: 85px
		}

		.footer_bottom_box {
			height: 85px;
			line-height: 22px;
			width: auto;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center
		}

		.footer_bottom_box span {
			margin-left: 0
		}
	}

	@media (max-width:360px) {
		.nav-result li {
			padding: 0 6px
		}
	}

	@media (max-width:320px) {
		.nav-result li {
			padding: 0 6px
		}

		.ckbd {
			padding-left: 8%
		}

		.ckfoot {
			height: auto;
			line-height: 20px;
			padding: 10px 20px
		}
	}

	::-webkit-scrollbar {
		width: 8px
	}

	::-webkit-scrollbar-track {
		background: #f5f5f5
	}

	::-webkit-scrollbar-thumb {
		background: #aaa;
		border-radius: 4px
	}

	::-webkit-scrollbar-corner {
		display: none
	}

	@supports (-moz-appearance:none) {
		::-moz-scrollbar {
			width: 8px
		}

		::-moz-scrollbar-track {
			background: #f5f5f5
		}

		::-moz-scrollbar-thumb {
			background: #aaa;
			border-radius: 4px
		}
	}

	[v-cloak] {
		display: none
	}

	.scrollbar-demo-item {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 40px;
		margin: 10px;
		text-align: center;
		border-radius: 4px;
		cursor: pointer;
		transition: background-color 0.3s, border-color 0.3s;
		background: var(--el-color-primary-light-9);
		color: var(--el-color-primary)
	}

	.scrollbar-demo-item:hover {
		color: #fff;
		background: #97a6eb;
		border-color: #bbb
	}

	.el-descriptions__title {
		color: #409eff
	}

	.content {
		max-width: 1200px;
		margin: 30px auto;
		background: #fff;
		border-radius: 8px;
		box-shadow: 0 2px 10px #0000001a;
		padding: 20px
	}

	@media (max-width:768px) {
		.content {
			margin: 0;
			padding: 10px 20px;
			border-radius: 0
		}
	}

	.wzinput {
		width: calc(100% - 22px);
		padding: 10px;
		margin-bottom: 20px;
		border: 1px solid #ddd;
		border-radius: 5px
	}

	ul {
		list-style: none;
		padding: 0
	}

	li {
		margin: 10px 0
	}

	a {
		text-decoration: none;
		color: #3498db;
		font-weight: 700
	}

	a:hover {
		text-decoration: underline
	}

	.blog-detail {
		margin-top: 20px;
		line-height: 1.5;
		text-align: left
	}

	.blog-detail p {
		text-align: left
	}

	.meta {
		font-size: .9em;
		color: #777
	}

	.ewm {
		padding: 30px;
		text-align: center
	}

	.footer-text {
		color: gray;
		font-size: 12px;
		margin-top: 10px
	}

	.card-list {
		display: grid;
		gap: 16px;
		padding: 8px 0
	}

	.list-card {
		cursor: pointer;
		transition: transform .2s, box-shadow .2s;
		background: #e6f7ff;
		border-radius: 8px;
		box-shadow: 0 4px 8px #0000001a
	}

	.list-card:hover {
		transform: translateY(-2px);
		box-shadow: 0 6px 12px #00000033
	}

	.card-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 12px
	}

	.title {
		font-size: 16px;
		font-weight: 500;
		max-width: 70%;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.meta-info {
		display: flex;
		align-items: center;
		color: #999
	}

	.el-icon {
		margin-right: 6px
	}

	.pagination-container {
		margin-top: 24px;
		text-align: center
	}

	.notice-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #00000099;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 900;
		transition: opacity .3s
	}

	.notice-modal {
		background: #fff;
		padding: 25px 30px;
		border-radius: 15px;
		width: 85%;
		max-width: 950px;
		text-align: left;
		box-shadow: 0 4px 12px #0000001a;
		transition: transform .3s;
		opacity: 0.95;
		text-indent: 2em;
	}

	.notice-title {
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 15px;
		text-align: center;
		color: #333
	}

	.notice-text {
		font-size: 16px;
		color: #555;
		margin-bottom: 25px;
		white-space: pre-line
	}

	.notice-button {
		width: 100%;
		padding: 12px;
		background: #007bff;
		border: 0;
		color: #fff;
		font-size: 16px;
		font-weight: 700;
		border-radius: 8px;
		cursor: pointer;
		transition: background-color .3s, transform .2s
	}

	.notice-button:hover {
		background: #0056b3;
		transform: scale(1.05)
	}

	.contact-button {
		display: flex;
		flex-direction: column;
		align-items: center;
		background: #2f78ff;
		color: #fff;
		border-radius: 50px;
		padding: 15px 20px;
		box-shadow: 0 3px 15px #00000033;
		position: fixed;
		right: 20px;
		bottom: 20px;
		z-index: 100;
		transition: background-color .3s, transform .3s;
		cursor: pointer
	}

	.contact-button:hover {
		background: #0056b3;
		transform: translateY(-5px)
	}

	.icons-text {
		margin-top: 8px;
		font-size: 18px;
		text-align: center
	}
	
	.cxdiv {
	    display: flex; justify-content: center; width: 100%; margin-top: 20px;
	}
	
	.cxbutton {
	    width:180px;height:40px;font-size:17px;
	}
	
/*打印*/
.print-container {
    position: relative;
    display: inline-block;
}

.print-button {
    margin-left:5px;
    background: rgba(255, 255, 255, 0.9);
}

.print-preview-dialog .el-dialog__body {
    padding: 20px;
}

.docx-preview {
	background: #f8f9fa;
	border: 1px solid #ddd;
	border-radius: 4px;
	min-height: 300px;
}

.loading-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 40px 0;

	.is-loading {
		animation: rotating 2s linear infinite;
	}
}

.error-message {
	margin: 20px;
}

@keyframes rotating {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@media print {
	.docx-wrapper {
		padding: 0 !important;
	}

	.docx>section {
		margin: 0 !important;
	}
    .print-preview-dialog .el-dialog__header,
    .print-preview-dialog .el-dialog__footer {
        display: none !important;
    }
}

/*审批流程*/
.approver {
    font-size: 14px;
    font-weight: 500;
    color: #3E3E3E;
}

.comment {
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}

.no-comment {
    font-size: 14px;
    color: #999;
    margin-top: 5px;
}

	.approval-history {
		border-radius: 8px;
		box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
	}

	.approval-history-title {
		display: flex;
		align-items: center;
		font-size: 16px;
		color: #303133;
	}

	.approval-history-title i {
		margin-right: 8px;
		font-size: 18px;
		color: #409EFF;
	}

	.timeline-item {
		padding: 10px 0;
	}

	.record-card {
		background: #f8f9fa;
		border-radius: 6px;
		padding: 16px;
		margin: 8px 0;
		transition: all 0.3s;
		border-left: 4px solid;
	}

	.record-card.approved {
		border-color: #67C23A;
		background: linear-gradient(to right, #f0f9eb 10%, #f8f9fa 100%);
	}

	.record-card.rejected {
		border-color: #F56C6C;
		background: linear-gradient(to right, #fef0f0 10%, #f8f9fa 100%);
	}

	.record-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 12px;
	}

	.status-wrapper {
		display: flex;
		align-items: center;
		gap: 15px;
	}

	.status-tag {
		font-weight: 500;
		letter-spacing: 0.5px;
	}

	.status-tag i {
		margin-right: 4px;
	}

	.approver-name {
		color: #606266;
		font-size: 14px;
	}

	.approver-name i {
		margin-right: 5px;
		color: #909399;
	}

	.step-info {
		color: #909399;
		font-size: 13px;
	}

	.step-info i {
		margin-right: 4px;
	}
	
	.todo-list-container {
		max-width: 1200px;
		margin: 20px auto;
		padding: 0 20px;
	}

	.list-item {
		margin-bottom: 15px;
		transition: transform 0.3s;

		&:hover {
			transform: translateY(-3px);
		}
	}

	.item-header {
		display: flex;
		align-items: center;
		margin-bottom: 15px;

		.status-tag {
			margin-right: 12px;
		}

		.form-name {
			flex: 1;
			font-weight: 500;
			font-size: 16px;
			color: #333;
		}

		.time {
			color: #999;
			font-size: 0.9em;
		}
	}

	.meta-grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
		gap: 15px;
		margin-bottom: 12px;

		.meta-item {
			.label {
				display: block;
				color: #666;
				font-size: 0.9em;
				margin-bottom: 4px;
			}

			.value {
				font-weight: 500;
				color: #333;
			}
		}
	}

	.item-actions {
		margin-top: 15px;
		text-align: right;
	}

	/* 商品详情 */
	.detail-container,
	.list-container {
		max-width: 1200px;
		margin: 0 auto;
		padding: 24px;
	}

	.detail-container .detail-header,
	.list-container .detail-header {
		display: flex;
		align-items: center;
		margin-bottom: 24px;
	}

	.detail-container .detail-header .back-icon,
	.list-container .detail-header .back-icon {
		cursor: pointer;
		font-size: 24px;
		color: var(--el-color-primary);
		transition: transform 0.2s;
	}

	.detail-container .detail-header .back-icon:hover,
	.list-container .detail-header .back-icon:hover {
		transform: translateX(-4px);
	}

	.detail-container .detail-header .title,
	.list-container .detail-header .title {
		margin: 0;
		font-size: 28px;
		color: #333;
		line-height: 1.3;
		padding-left: 12px;
	}

	.detail-container .meta-info,
	.list-container .meta-info {
		margin-bottom: 20px;
	}

	.detail-container .meta-info .el-tag,
	.list-container .meta-info .el-tag {
		padding: 8px 12px;
		border-radius: 16px;
	}

	.detail-container .image-wrapper,
	.list-container .image-wrapper {
		border-radius: 12px;
		overflow: hidden;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
		margin-bottom: 32px;
	}

	.detail-container .image-wrapper .product-image,
	.list-container .image-wrapper .product-image {
		width: 100%;
		height: 480px;
		transition: transform 0.3s;
	}

	.detail-container .image-wrapper .product-image:hover,
	.list-container .image-wrapper .product-image:hover {
		transform: scale(1.02);
	}

	.detail-container .image-wrapper .image-fallback,
	.list-container .image-wrapper .image-fallback {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		background: #f8f9fa;
	}

	.detail-container .image-wrapper .image-fallback .image-icon,
	.list-container .image-wrapper .image-fallback .image-icon {
		font-size: 48px;
		color: var(--el-text-color-placeholder);
		margin-right: 12px;
	}

	.detail-container .image-wrapper .image-fallback .image-text,
	.list-container .image-wrapper .image-fallback .image-text {
		color: var(--el-text-color-secondary);
	}

	.detail-container .description,
	.list-container .description {
		line-height: 1.8;
		font-size: 16px;
		color: #444;
		margin-bottom: 40px;
	}

	.detail-container .description img,
	.list-container .description img {
		max-width: 100%;
		border-radius: 8px;
		margin: 16px 0;
	}

	.detail-container .action-card,
	.list-container .action-card {
		background: #f8f9fa;
		border-radius: 12px;
		padding: 24px;
		margin: 32px 0;
	}

	.detail-container .action-card .stats-group,
	.list-container .action-card .stats-group {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 16px;
		margin-bottom: 24px;
	}

	.detail-container .action-card .stats-group .stat-tag,
	.list-container .action-card .stats-group .stat-tag {
		font-size: 15px;
		padding: 10px 18px;
	}

	.detail-container .action-card .purchase-btn,
	.list-container .action-card .purchase-btn {
		width: 100%;
		height: 48px;
		font-size: 18px;
	}

	.detail-container .action-card .purchase-btn .btn-icon,
	.list-container .action-card .purchase-btn .btn-icon {
		font-size: 20px;
		margin-right: 8px;
	}

	.detail-container .hidden-content,
	.list-container .hidden-content {
		background: #fff;
		border: 1px solid var(--el-border-color);
		border-radius: 8px;
		padding: 24px;
		margin: 32px 0;
	}

	.detail-container .hidden-content .content-title,
	.list-container .hidden-content .content-title {
		color: var(--el-color-primary);
		margin: 0 0 16px;
	}

	.detail-container .hidden-content .content-text,
	.list-container .hidden-content .content-text {
		white-space: pre-wrap;
		word-break: break-all;
		line-height: 1.6;
		margin: 0;
		color: #666;
	}

	.detail-container .qrcode-section,
	.list-container .qrcode-section {
		text-align: center;
		margin: 40px 0;
	}

	.detail-container .qrcode-section .qrcode-card,
	.list-container .qrcode-section .qrcode-card {
		display: inline-block;
		padding: 24px;
		background: #fff;
		border-radius: 12px;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	}

	.detail-container .qrcode-section .qrcode-tip,
	.list-container .qrcode-section .qrcode-tip {
		margin: 16px 0 0;
		text-align: center;
		color: var(--el-text-color-secondary);
	}

	.detail-container .footer-actions,
	.list-container .footer-actions {
		text-align: center;
		padding: 40px 0 20px;
	}

	.detail-container .footer-actions .back-btn,
	.list-container .footer-actions .back-btn {
		width: 200px;
		padding: 12px 24px;
	}

	/* 列表容器扩展样式 */
	.list-container {
		padding-top: 32px;
	}

	.list-container .toolbar {
		margin-bottom: 24px;
		padding: 16px 20px;
		background: #fff;
		border-radius: 8px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	}

	.list-container .product-col {
		margin-bottom: 24px;
	}

	.list-container .product-card {
		background: #fff;
		border-radius: 12px;
		overflow: hidden;
		transition: transform 0.3s, box-shadow 0.3s;
		height: 100%;
	}

	.list-container .product-card:hover {
		transform: translateY(-4px);
		box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
	}

	.list-container .product-card .card-image {
		position: relative;
		height: 240px;
		cursor: pointer;
	}

	.list-container .product-card .card-image .el-image {
		width: 100%;
		height: 100%;
	}

	.list-container .product-card .card-image .badges {
		position: absolute;
		top: 12px;
		right: 12px;
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	.list-container .product-card .card-image .badges .stock-tag {
		order: 2;
	}

	.list-container .product-card .card-image .badges .points-tag {
		order: 1;
	}

	.list-container .product-card .card-body {
		padding: 16px;
	}

	.list-container .product-card .card-body .title {
		margin: 0 0 12px;
		font-size: 16px;
		color: #333;
		cursor: pointer;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		line-height: 1.4;
		min-height: 44px;
	}

	.list-container .product-card .card-body .title:hover {
		color: var(--el-color-primary);
	}

	.list-container .product-card .card-body .meta-group {
		display: flex;
		gap: 8px;
		flex-wrap: wrap;
		margin-bottom: 16px;
	}

	.list-container .product-card .card-body .meta-group .el-tag {
		padding: 4px 10px;
	}

	.list-container .product-card .card-body .action-area {
		display: flex;
		gap: 8px;
		margin-top: 12px;
	}

	.list-container .product-card .card-body .action-area .el-button {
		flex: 1;
	}

	.list-container .pagination-wrap {
		padding: 32px 0;
		text-align: center;
	}
	
	/*预约表单*/
	.card-container .reservation-section {
		margin-bottom: 24px;
		background: #fff;
		border-radius: 8px;
		padding: 20px;
		box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
	}

	.card-container .reservation-section .section-header {
		display: flex;
		align-items: center;
		margin-bottom: 20px;
		padding-bottom: 12px;
		border-bottom: 1px solid #ebeef5;
	}

	.card-container .reservation-section .section-header .el-icon {
		font-size: 18px;
		margin-right: 8px;
		color: #409EFF;
	}

	.card-container .reservation-section .section-header .title {
		font-size: 16px;
		font-weight: 600;
		color: #303133;
	}

	.card-container .reservation-section .section-header .tip-icon {
		margin-left: 8px;
		color: #909399;
		cursor: help;
	}

	.card-container .reservation-section .grid-container {
		margin: -8px;
	}

	.card-container .reservation-section .grid-container .el-col {
		padding: 8px;
	}

	.card-container .reservation-section .reservation-card {
		border: 1px solid #ebeef5;
		border-radius: 6px;
		background: #fff;
		cursor: pointer;
		transition: all 0.3s;
		position: relative;
		overflow: hidden;
	}

	.card-container .reservation-section .reservation-card:hover:not(.disabled) {
		transform: translateY(-3px);
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
		border-color: #409EFF;
	}

	.card-container .reservation-section .reservation-card.active {
		border-color: #409EFF;
		background: rgba(64, 158, 255, 0.05);
	}

	.card-container .reservation-section .reservation-card.active::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 3px;
		height: 100%;
		background: #409EFF;
	}

	.card-container .reservation-section .reservation-card.disabled {
		cursor: not-allowed;
		opacity: 0.6;
		background: #f5f7fa;
	}

	.card-container .reservation-section .reservation-card.disabled * {
		pointer-events: none;
	}

	.card-container .reservation-section .reservation-card .card-content {
		padding: 16px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.card-container .reservation-section .reservation-card .card-content .main-info {
		flex: 1;
	}

	.card-container .reservation-section .reservation-card .card-content .main-info .date,
	.card-container .reservation-section .reservation-card .card-content .main-info .time-range {
		font-size: 15px;
		font-weight: 500;
		color: #303133;
		margin-bottom: 4px;
	}

	.card-container .reservation-section .reservation-card .card-content .main-info .week,
	.card-container .reservation-section .reservation-card .card-content .main-info .duration {
		font-size: 12px;
		color: #909399;
	}

	.card-container .reservation-section .reservation-card .card-content .status-indicator {
		flex-shrink: 0;
		margin-left: 12px;
	}

	/* 时段特殊样式 */
	.card-container .reservation-section .reservation-card.time-slot .card-content {
		padding: 14px 16px;
	}

	.card-container .reservation-section .reservation-card.time-slot .card-content .time-range {
		font-weight: 600;
	}
	
    /*uniedit富文本编辑器*/
	.uniedit-container {
		width: 100%;
		margin: 20px auto;
		border: 1px solid #e4e7ed;
		border-radius: 8px;
		background: #fff;
		box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
        position: relative;
        z-index: auto;
	}

	.toolbar-group {
		padding: 8px;
		background: #f8f9fa;
		border-bottom: 1px solid #ebeef5;
	}

	.toolbar-row {
		display: flex;
		gap: 8px;
		flex-wrap: wrap;
		padding: 4px 0;
	}

	.tool-group {
		display: flex;
		align-items: center;
		gap: 4px;
		position: relative;
	}

	.tool-group.divider::after {
		content: "|";
		color: #dcdfe6;
		margin-left: 8px;
	}

	.tool-item {
		padding: 6px 12px;
		border-radius: 4px;
		font-size: 14px;
		color: #606266;
		cursor: pointer;
		transition: all 0.2s;
		user-select: none;
	}

	.tool-item:hover {
		background: #ecf5ff;
	}

	.editor-content {
		min-height: 400px;
		padding: 20px;
		line-height: 1.6;
		outline: none;
		overflow-y: auto;
	}

	.editor-content:focus {
		box-shadow: inset 0 0 0 1px #409eff;
	}

	.color-picker {
		padding: 10px;
	}

	.color-grid {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		gap: 8px;
		margin-bottom: 12px;
	}

	.color-item {
		width: 32px;
		height: 32px;
		border-radius: 4px;
		cursor: pointer;
		transition: transform 0.2s;
	}

	.color-item:hover {
		transform: scale(1.1);
	}
	
.attachment-item {
    display: flex;
    align-items: center;
    padding: 8px;
    margin-top: 10px;
    background-color: #f5f7fa;
    border-radius: 4px;
    transition: background-color 0.3s;
}
.file-name2 {
  flex: 1;
  margin-right: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.delete-icon {
  cursor: pointer;
  color: #909399;
  padding: 4px;
  border-radius: 50%;
}

.delete-icon:hover {
  background-color: #dcdfe6;
  color: #f56c6c;
}

/*忽略下拉菜单警告*/
.el-dropdown__popper {
    &[aria-hidden="true"] {
        display: none !important;
        pointer-events: none !important;
    }
}